<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>


    <link rel="stylesheet" href="../css/js4.css"/>
    <script src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>


<!--<div id="box01">-->
<!--<span>我是AAA</span><br/>-->
<!--<a href="#">跳转</a>-->
<!--</div>-->


<!--   ——表格制作——  -->
<form>
    <table border="1">
        <thead>
        <tr>
            <td>选择</td>
            <td>名称</td>
            <td>数量</td>
            <td>单位</td>
            <td>操作</td>
        </tr>
        </thead>

        <tbody id="Tbody">
        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>999感冒灵</td>
            <td>15</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>

        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>急支糖浆</td>
            <td>5</td>
            <td>瓶</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>

        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>青霉素</td>
            <td>150</td>
            <td>支</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>

        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>葵花胃康灵</td>
            <td>78</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>

        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>板蓝根</td>
            <td>89</td>
            <td>袋</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>

        <tr>
            <td><input type="checkbox" class="check"/></td>
            <td>头孢拉定胶囊</td>
            <td>55</td>
            <td>盒</td>
            <td>
                <button type="button" class="change">修改</button>
            </td>
        </tr>
        </tbody>

        <tfoot>
        <tr>
            <td><input type="checkbox" id="check-all"/>全选</td>
            <td colspan="4">
                <button type="button" id="del-tr">删除</button>
            </td>
        </tr>
        </tfoot>

    </table>
</form>


<form>
    <table id="table2" border="1" align="center">
        <thead>
        <tr>
            <td colspan="2">新增产品</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>名称</td>
            <td><input type="text" class="goodsName"/></td>
        </tr>
        <tr>
            <td>数量</td>
            <td><input type="text" class="goodsNumber"/></td>
        </tr>
        <tr>
            <td>单位</td>
            <td><input type="text" class="goodUnit"/></td>
        </tr>
        </tbody>
        <tfoot>
        <tr>
            <td colspan="2"><button type="button" id="sure">确定增加</button></td>
        </tr>
        </tfoot>
    </table>

</form>

<script src="../js/js4.js"></script>
</body>
</html>